Devices, methods, and graphical user interfaces for providing game controls

ABSTRACT

An electronic device with a display and a touch-sensitive surface displays an interaction region that includes one or more objects; while displaying the interaction region, the device displays an effect selection panel that includes effect selection affordances that correspond to different predefined effects, and detects a sequence of one or more inputs, including detecting a first contact and movement of the first contact; and when the sequence of one or more inputs meets effect selection criteria with respect to a first effect selection affordance, the device displays a first visual indication that indicates selection of the first effect selection affordance; and when effect adjustment criteria are met with respect to a first effect corresponding to the first effect selection affordance, the device displays a second visual indication to indicate adjustment of an effect position corresponding to the first effect in accordance with the movement of the first contact.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is a continuation application of PCT/CN2017/095801,entitled “DEVICES, METHODS, AND GRAPHICAL USER INTERFACES FOR PROVIDINGGAME CONTROLS” filed on Aug. 3, 2017, which is incorporated by referencein its entirety.

TECHNICAL FIELD

This relates generally to electronic devices with touch-sensitivesurfaces, including but not limited to portable electronic devices withtouch-sensitive surfaces for providing game controls, and morespecifically, for selecting and applying various effects to game objectsdisplayed in an interaction region of a game.

BACKGROUND

The use of touch-sensitive surfaces as input devices for computers andother electronic computing devices has increased significantly in recentyears. Example touch-sensitive surfaces include touchpads andtouch-screen displays. Such surfaces are widely used to manipulate userinterfaces and objects therein on a display.

Gaming on mobile computing devices have also become more popular asdevices with touch-screen displays are becoming more prevalent. Somegames allow a player to cause changes (e.g., changes in characteristics,appearances, abilities, statuses, etc.) to certain game objects (e.g.,characters, inanimate objects, items, creatures, etc.) present in a gameenvironment (e.g., a virtual game scene), by selecting and applyingcertain effects to the game objects (e.g., releasing an attack, takingan action, casting a spell, applying a healing potion, using a skill,etc.).

But methods for providing game controls, in particular, methods forselecting and applying effects to game objects are cumbersome andinefficient. For example, using a sequence of tap inputs to display,browse through, and select one or more user interface objects (e.g.,effect selection affordances and target objects) and perform one or moreactions on the selected user interface objects is tedious and creates asignificant cognitive burden on a user. In addition, these methods takelonger than necessary, thereby wasting energy. This latter considerationis particularly important in battery-operated devices.

SUMMARY

Accordingly, there is a need for electronic devices with improvedmethods and interfaces for providing game controls (e.g., selecting andapplying effects on game objects). Such methods and interfacesoptionally complement or replace conventional methods for providing gamecontrols. Such methods and interfaces reduce the number, extent, and/ornature of the inputs from a user and produce a more efficienthuman-machine interface. For battery-operated devices, such methods andinterfaces conserve power and increase the time between battery charges.

The above deficiencies and other problems associated with userinterfaces for electronic devices with touch-sensitive surfaces arereduced or eliminated by the disclosed devices. In some embodiments, thedevice is a desktop computer. In some embodiments, the device isportable (e.g., a notebook computer, tablet computer, or handhelddevice). In some embodiments, the device is a personal electronic device(e.g., a wearable electronic device, such as a watch). In someembodiments, the device has a touchpad. In some embodiments, the devicehas a touch-sensitive display (also known as a “touch screen” or“touch-screen display”). In some embodiments, the device has a graphicaluser interface (GUI), one or more processors, memory and one or moremodules, programs or sets of instructions stored in the memory forperforming multiple functions. In some embodiments, the user interactswith the GUI primarily through stylus and/or finger contacts andgestures on the touch-sensitive surface. In some embodiments, thefunctions optionally include game playing. Executable instructions forperforming these functions are, optionally, included in a non-transitorycomputer readable storage medium or other computer program productconfigured for execution by one or more processors.

In accordance with some embodiments, a method is performed at a devicehaving a display and a touch-sensitive surface. The method includes:displaying a user interface of a first application, including displayingan interaction region that includes one or more objects; whiledisplaying the interaction region, displaying an effect selection panelthat includes a plurality of effect selection affordances thatcorrespond to different predefined effects that are applicable to one ormore of the interaction objects currently displayed in the interactionregion; while displaying the interaction region, detecting a sequence ofone or more inputs, wherein detecting the sequence of one or more inputsincludes detecting a first contact on the touch-sensitive surface, anddetecting movement of the first contact across the touch-sensitivesurface; and in response to detecting the sequence of one or moreinputs: in accordance with a determination that the sequence of one ormore inputs meets effect selection criteria with respect to a firsteffect selection affordance of the plurality of effect selectionaffordance, displaying a first visual indication that indicatesselection of the first effect selection affordance; and in accordancewith a determination that effect adjustment criteria are met withrespect to a first effect corresponding to the first effect selectionaffordance, wherein the effect adjustment criteria require that, whilethe first effect selection affordance remains selected, the firstcontact moves across the touch-sensitive surface from the first locationto a second location that is different from the first location in orderfor the effect adjustment criteria to be met, displaying a second visualindication to indicate adjustment of an effect position corresponding tothe first effect in accordance with the movement of the first contactfrom the first location to the second location.

In accordance with some embodiments, an electronic device includes adisplay, a touch-sensitive surface, optionally one or more sensors todetect intensities of contacts with the touch-sensitive surface,optionally one or more tactile output generators, one or moreprocessors, and memory storing one or more programs; the one or moreprograms are configured to be executed by the one or more processors andthe one or more programs include instructions for performing or causingperformance of the operations of any of the methods described herein. Inaccordance with some embodiments, a computer readable storage medium hasstored therein instructions, which, when executed by an electronicdevice with a display, a touch-sensitive surface, optionally one or moresensors to detect intensities of contacts with the touch-sensitivesurface, and optionally one or more tactile output generators, cause thedevice to perform or cause performance of the operations of any of themethods described herein. In accordance with some embodiments, agraphical user interface on an electronic device with a display, atouch-sensitive surface, optionally one or more sensors to detectintensities of contacts with the touch-sensitive surface, optionally oneor more tactile output generators, a memory, and one or more processorsto execute one or more programs stored in the memory includes one ormore of the elements displayed in any of the methods described herein,which are updated in response to inputs, as described in any of themethods described herein. In accordance with some embodiments, anelectronic device includes: a display, a touch-sensitive surface,optionally one or more sensors to detect intensities of contacts withthe touch-sensitive surface, and optionally one or more tactile outputgenerators; and means for performing or causing performance of theoperations of any of the methods described herein. In accordance withsome embodiments, an information processing apparatus, for use in anelectronic device with a display, a touch-sensitive surface, optionallyone or more sensors to detect intensities of contacts with thetouch-sensitive surface, and optionally one or more tactile outputgenerators, includes means for performing or causing performance of theoperations of any of the methods described herein.

Thus, electronic devices with displays, touch-sensitive surfaces,optionally one or more sensors to detect intensities of contacts withthe touch-sensitive surface, optionally one or more tactile outputgenerators, optionally one or more device orientation sensors, andoptionally an audio system, are provided with improved methods andinterfaces for moving user interface objects thereby increasing theeffectiveness, efficiency, and user satisfaction with such devices. Suchmethods and interfaces may complement or replace conventional methodsfor providing gaming controls, and providing object interaction, ingeneral.

BRIEF DESCRIPTION OF THE DRAWINGS

For a better understanding of the various described embodiments,reference should be made to the Description of Embodiments below, inconjunction with the following drawings in which like reference numeralsrefer to corresponding parts throughout the figures.

FIGS. 1A-1Q illustrate example user interfaces for providing gamecontrols (e.g., displaying, browsing, selecting, and applying an effecton one or more game objects using inputs provided by a singlecontinuously maintained contact), in accordance with some embodiments.

FIG. 2 is a flow diagram illustrating a method of providing gamecontrols in accordance with some embodiments.

FIGS. 3A-3D are flow diagrams illustrating a method of providing gamecontrols, in accordance with some embodiments.

FIG. 4 illustrates a portable multifunction device with atouch-sensitive display system in accordance with some embodiments.

DESCRIPTION OF EMBODIMENTS

Conventional methods of providing game controls, in particular, ofdisplaying effect selection affordances, browsing through multipleeffect selection affordances, selecting an effect selection affordance,adjusting a target position of an effect corresponding to a selectedeffect selection affordance and applying the effect to one or moretarget objects displayed in the game environment require separategestures or inputs with different contacts detected at different times.The embodiments below integrate the different gestures such that thesame contact may be used to provide the required inputs to accomplishmultiple of the above operations. In particular, different criteriarelated to the location and movement of a single contact, and optionallyin conjunction with the state of the user interface (e.g., the gameenvironment) at the time that various inputs by the single contact aredetected are used to determine the responses of the user interface andthe actions that will take place in the user interface.

Example Devices, User Interfaces and Associated Processes

FIGS. 1A-1P illustrate example user interfaces for interacting with auser interface (e.g., displaying, browsing, selecting effect selectionaffordances, and adjusting and applying a selected effect to one or moretargets or cancelling a selected effect before it is applied) inresponse to touch inputs, in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 2 and 3A-3D. Forconvenience of explanation, some of the embodiments will be discussedwith reference to operations performed on a device with atouch-sensitive display system (e.g., touch screen 112). In suchembodiments, the focus selector is, optionally: a respective finger orstylus contact, a representative point corresponding to a finger orstylus contact (e.g., a centroid of a respective contact or a pointassociated with a respective contact), or a centroid of two or morecontacts detected on the touch-sensitive display system 112. However,analogous operations are, optionally, performed on a device with adisplay and a separate touch-sensitive surface (e.g., a touch-pad) inresponse to detecting the contacts on the touch-sensitive surface whiledisplaying the user interfaces shown in the figures on the display,along with a focus selector. FIG. 3 illustrates components of anexemplary computing device 100, in accordance with some embodiments.

Reference will now be made in detail to embodiments, examples of whichare illustrated in the accompanying drawings. In the following detaileddescription, numerous specific details are set forth in order to providea thorough understanding of the various described embodiments. However,it will be apparent to one of ordinary skill in the art that the variousdescribed embodiments may be practiced without these specific details.In other instances, well-known methods, procedures, components,circuits, and networks have not been described in detail so as not tounnecessarily obscure aspects of the embodiments.

It will also be understood that, although the terms first, second, etc.are, in some instances, used herein to describe various elements, theseelements should not be limited by these terms. These terms are only usedto distinguish one element from another. For example, a first contactcould be termed a second contact, and, similarly, a second contact couldbe termed a first contact, without departing from the scope of thevarious described embodiments. The first contact and the second contactare both contacts, but they are not the same contact, unless the contextclearly indicates otherwise.

The terminology used in the description of the various describedembodiments herein is for the purpose of describing particularembodiments only and is not intended to be limiting. As used in thedescription of the various described embodiments and the appendedclaims, the singular forms “a,” “an,” and “the” are intended to includethe plural forms as well, unless the context clearly indicatesotherwise. It will also be understood that the term “and/or” as usedherein refers to and encompasses any and all possible combinations ofone or more of the associated listed items. It will be furtherunderstood that the terms “includes,” “including,” “comprises,” and/or“comprising,” when used in this specification, specify the presence ofstated features, integers, steps, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, integers, steps, operations, elements, components,and/or groups thereof.

As used herein, the term “if” is, optionally, construed to mean “when”or “upon” or “in response to determining” or “in response to detecting,”depending on the context. Similarly, the phrase “if it is determined” or“if [a stated condition or event] is detected” is, optionally, construedto mean “upon determining” or “in response to determining” or “upondetecting [the stated condition or event]” or “in response to detecting[the stated condition or event],” depending on the context.

Embodiments of electronic devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the device is a portable communications device, such as amobile telephone, that also contains other functions, such as PDA and/ormusic player functions. Other portable electronic devices, such aslaptops or tablet computers with touch-sensitive surfaces (e.g.,touch-screen displays and/or touchpads), are, optionally, used. Itshould also be understood that, in some embodiments, the device is not aportable communications device, but is a desktop computer with atouch-sensitive surface (e.g., a touch-screen display and/or atouchpad).

FIGS. 1A and 4 illustrates portable multifunction device 100 withtouch-sensitive display system 112 in accordance with some embodiments.Touch-sensitive display system 112 is sometimes called a “touch screen”for convenience, and is sometimes simply called a touch-sensitivedisplay. Device 100 includes memory 406 (which optionally includes oneor more computer readable storage mediums), a memory controller, one ormore processing units (CPUs), and one or more of the following:peripherals interface, RF circuitry, audio circuitry, speakers,microphones, input/output (I/O) subsystems, other input or controldevices, and external ports. Device 100 optionally includes one or moreoptical sensors. Device 100 optionally includes one or more intensitysensors for detecting intensities of contacts on device 100 (e.g., atouch-sensitive surface such as touch-sensitive display system 112 ofdevice 100). Device 100 optionally includes one or more tactile outputgenerators for generating tactile outputs on device 100 (e.g.,generating tactile outputs on a touch-sensitive surface such astouch-sensitive display system 112 of device 100 or touchpad of device100). These components optionally communicate over one or morecommunication buses or signal lines (e.g., bus 408). It should beappreciated that device 100 is only one example of a portablemultifunction device, and that device 100 optionally has more or fewercomponents than shown, optionally combines two or more components, oroptionally has a different configuration or arrangement of thecomponents. The various components disclosed herein are implemented inhardware, software, firmware, or a combination thereof, including one ormore signal processing and/or application specific integrated circuits.

Memory 406 of device 100 optionally includes high-speed random accessmemory and optionally also includes non-volatile memory, such as one ormore magnetic disk storage devices, flash memory devices, or othernon-volatile solid-state memory devices. Access to memory 406 of device100 by other components of device 100, such as the CPU(s) 402 and theperipherals interface 410, is, optionally, controlled by the memorycontroller. The peripherals interface can be used to couple input andoutput peripherals (e.g., output devices 412 and input devices 414) ofthe device to the CPU(s) and memory. The one or more processors run orexecute various software programs and/or sets of instructions stored inthe memory to perform various functions for device 100 (e.g., operatingsystem module 416 for providing basic operating system functions,network communication module 418 for providing network communications,presentation module 420 for presenting information to the user,application module 424 for providing application functions, such asproviding gaming functions of a gaming application on the device (e.g.,including detection module 426 for detecting events (e.g., user inputs,and events in the game progress) that occur within the application,monitoring module 428 for monitoring the detection and movement of thecontacts, display module 430 for displaying the game environment, targetidentification module 432 for identifying target objects for a selectedeffect, determining module 434 for determining whether inputs meetpredefined criteria, and other modules 436 for performing otherfunctions of the game software as described herein)) and to process data(e.g., data modules 438).

The touch-sensitive display system 112 provides an input interface andan output interface between the device and a user. Touch-sensitivedisplay system 112 displays visual output to the user. In someembodiments, some or all of the visual output corresponds to userinterface objects. As used herein, the term “affordance” refers to auser-interactive graphical user interface object (e.g., a graphical userinterface object that is configured to respond to inputs directed towardthe graphical user interface object). Examples of user-interactivegraphical user interface objects include, without limitation, a button,slider, icon, selectable menu item, switch, hyperlink, or other userinterface control.

Touch-sensitive display system 112 has a touch-sensitive surface, sensoror set of sensors that accepts input from the user based on hapticand/or tactile contact. Touch-sensitive display system 112 and thedisplay controller (along with any associated modules and/or sets ofinstructions in the memory of device 100) detect contact (and anymovement or breaking of the contact) on touch-sensitive display system112 and converts the detected contact into interaction withuser-interface objects (e.g., one or more soft keys, icons, web pages orimages) that are displayed on touch-sensitive display system 112. Insome embodiments, a point of contact between touch-sensitive displaysystem 112 and the user corresponds to a finger of the user or a stylus.

In some embodiments, in addition to the touch screen, device 100optionally includes a touchpad (not shown) for activating ordeactivating particular functions. In some embodiments, the touchpad isa touch-sensitive area of the device that, unlike the touch screen, doesnot display visual output. The touchpad is, optionally, atouch-sensitive surface that is separate from touch-sensitive displaysystem 112 or an extension of the touch-sensitive surface formed by thetouch screen.

Device 100 optionally also includes one or more contact intensitysensors. Contact intensity sensor(s) receive contact intensityinformation (e.g., pressure information or a proxy for pressureinformation) from the environment. In some embodiments, at least onecontact intensity sensor is collocated with, or proximate to, atouch-sensitive surface (e.g., touch-sensitive display system 112).

In some embodiments, the software components stored in the memory ofdevice 100 include contact/motion module (or set of instructions), andapplications (or sets of instructions). The contact/motion moduleoptionally detects contact with touch-sensitive display system 112 (inconjunction with the display controller) and other touch-sensitivedevices (e.g., a touchpad or physical click wheel). The contact/motionmodule includes various software components for performing variousoperations related to detection of contact (e.g., by a finger or by astylus), such as determining if contact has occurred (e.g., detecting afinger-down event), determining an intensity of the contact (e.g., theforce or pressure of the contact or a substitute for the force orpressure of the contact), determining if there is movement of thecontact and tracking the movement across the touch-sensitive surface(e.g., detecting one or more finger-dragging events), and determining ifthe contact has ceased (e.g., detecting a finger-up event or a break incontact). The contact/motion module receives contact data from thetouch-sensitive surface. Determining movement of the point of contact,which is represented by a series of contact data, optionally includesdetermining speed (magnitude), velocity (magnitude and direction),and/or an acceleration (a change in magnitude and/or direction) of thepoint of contact. These operations are, optionally, applied to singlecontacts (e.g., one finger contacts or stylus contacts) or to multiplesimultaneous contacts (e.g., “multitouch”/multiple finger contacts). Insome embodiments, the contact/motion module and the display controllerdetect contact on a touchpad. The contact/motion module optionallydetects a gesture input by a user. Different gestures on thetouch-sensitive surface have different contact patterns (e.g., differentmotions, timings, and/or intensities of detected contacts). Thus, agesture is, optionally, detected by detecting a particular contactpattern. Contact intensity thresholds, duration thresholds, and movementthresholds are, in some circumstances, combined in a variety ofdifferent combinations in order to create heuristics for distinguishingtwo or more different gestures directed to the same input element orregion so that multiple different interactions with the same inputelement are enabled to provide a richer set of user interactions andresponses.

While the following examples are given primarily with reference tofinger inputs (e.g., finger contacts, finger tap gestures, finger swipegestures, etc.), it should be understood that, in some embodiments, oneor more of the finger inputs are replaced with input from another inputdevice (e.g., a mouse based input or a stylus input).

As used herein, the term “focus selector” refers to an input elementthat indicates a current part of a user interface with which a user isinteracting. In some implementations that include a cursor or otherlocation marker, the cursor acts as a “focus selector,” so that when aninput (e.g., a press input) is detected on a touch-sensitive surfacewhile the cursor is over a particular user interface element (e.g., abutton, window, slider or other user interface element), the particularuser interface element is adjusted in accordance with the detectedinput. In some implementations that include a touch-screen display(e.g., touch-sensitive display system 112 in FIG. 1A) that enablesdirect interaction with user interface elements on the touch-screendisplay, a detected contact on the touch-screen acts as a “focusselector,” so that when an input (e.g., a press input by the contact) isdetected on the touch-screen display at a location of a particular userinterface element (e.g., a button, window, slider or other userinterface element), the particular user interface element is adjusted inaccordance with the detected input.

As used in the specification and claims, the term “intensity” of acontact on a touch-sensitive surface refers to the force or pressure(force per unit area) of a contact (e.g., a finger contact or a styluscontact) on the touch-sensitive surface, or to a substitute (proxy) forthe force or pressure of a contact on the touch-sensitive surface.Intensity of a contact is, optionally, determined (or measured) usingvarious approaches and various sensors or combinations of sensors. Insome embodiments, described herein, one or more operations are performedin response to detecting a gesture that includes a respective pressinput or in response to detecting the respective press input performedwith a respective contact (or a plurality of contacts), where therespective press input is detected based at least in part on detectingan increase in intensity of the contact (or plurality of contacts) abovea press-input intensity threshold. In some embodiments, the respectiveoperation is performed in response to detecting the increase inintensity of the respective contact above the press-input intensitythreshold (e.g., the respective operation is performed on a “downstroke” of the respective press input). In some embodiments, the pressinput includes an increase in intensity of the respective contact abovethe press-input intensity threshold and a subsequent decrease inintensity of the contact below the press-input intensity threshold, andthe respective operation is performed in response to detecting thesubsequent decrease in intensity of the respective contact below thepress-input threshold (e.g., the respective operation is performed on an“up stroke” of the respective press input).

FIG. 1A illustrates a user interface (e.g., game user interface 104) ofan application (e.g., a gaming application) that executes on device 100.User interface 104 of the gaming application includes an interactionregion 102 (e.g., a virtual game environment, such as an animated gamescene in which one or more game objects are present) that occupies allor a sub-portion of game user interface 104. In some embodiments, asshown in FIG. 1A, during active gameplay, interaction region 102 isdisplayed in a full-screen content display mode or full-screen gamingmode, and system or application controls (e.g., device status bars,system or application menus, etc.) are not visible on touch-screen 112.In some embodiments, interaction region 102 is displayed as part of theuser interface, e.g., inside a window, concurrently with other system orapplication controls.

In FIG. 1A, a plurality of game objects (e.g., game characters,creatures, and inanimate objects, items, etc.) are displayed ininteraction region 102 (e.g., in a virtual game environment or above agame background). Using a role-playing game as an example, the gameobjects includes various creatures and game characters that arecontrolled by instructions received from device 100, one or more remoteservers, and/or devices of other players. The player that controlsdevice 100 can interact with the game environment and change the statesor statuses of the game objects by applying various effects to one ormore of the game objects. An effect is applied to a target object (or agroup of target objects or region in the game environment) in accordancewith an action, a skill, a spell, a status, an attack, use of an item,etc. that is available to the player in the current game context, andthat is selected and applied by the player. As a result of theapplication of the effect, the targeted objects may change theirstatuses based on the game rules, e.g., be killed, experience reduced orenhanced abilities, be healed, incur damages, be transported, bemultiplied, etc.

Conventionally, in order to apply an effect, the player is oftenrequired to pause the game progress (e.g., suspend the animation andstory development in the game environment), open a menu to see availableoptions for actions that can be taken, select an option that correspondsto a desired action, select one or more target object for the selectedaction, and then activate the action to apply its effect on the selectedtarget(s). Frequently, multiple steps by multiple gestures withdifferent contacts are required to accomplish this series of tasks, anduser experience is poor on battery-operated devices and user's enjoymentof the game is diminished due to the cumbersome controls of provided bythe conventional methods. As disclosed herein, a single continuouslymaintained contact is used to provide a sequence of multiple inputs, toaccomplish multiple of the above operations without lift-off of thecontact. Extensive menus are not required during all stages of theprocess, thus, reducing visual clutter and reducing user confusion wheninteracting with the game.

As shown in FIG. 1A, in addition to the plurality of game objects (e.g.,hostile characters 106, friendly characters 108, and neutral characters110) that are displayed in the interaction region 102, a panel displayaffordance (e.g., button 114 for triggering display of an effectselection panel, such as a weapon selection panel, a skill selectionpanel, an action selection panel, an item selection panel, and/or a gamecharacter selection panel, etc.) is displayed overlaid on interactionregion 102. In some embodiments, button 114 is not displayed until acontact is detected on touch-screen 112. In some embodiments, button 114is displayed when the contact is maintained on the touch-screen withless than a threshold amount of movement for at least a threshold amountof time (e.g., after a touch-hold input by the contact is detected). Insome embodiments, button 114 is displayed at a location on thetouch-screen in accordance with the touch-down location of the contact(e.g., directly below the contact or slightly offset from the contact).In some embodiments, button 114 is displayed at a predefined location inuser interface 104, either outside of the interaction region or overlaidon the interaction region. In some embodiments, button 114 has acorresponding reactive region 116, and a contact detected within thereactive region of button 114 activates the button, and causes displayof a corresponding effect selection panel (e.g., effect selection panel118 in FIG. 1C). In some embodiments, effect selection panel 118 remainsdisplayed after lift-off of the contact (e.g., the effect selectionpanel 118 can be displayed in response to a tap input on button 114),and another tap input outside of effect selection panel 118 dismisseseffect selection panel 118.

FIGS. 1A-1C illustrate that, in some embodiments, a contact (e.g.,contact 120 by input object 103 (e.g., a finger)) is detected ontouch-screen 112 at a location of button 114 (e.g., in FIG. 1B), and inresponse to detecting contact 120 on button 114, effect selection panel118 (e.g., a skill selection panel) is displayed around contact 120. Insome embodiments, effect selection panel 118 includes a plurality ofeffect selection affordances 122 representing different effects, such asskills, items, actions, attacks, etc. that are available for use in thecurrent gaming context by the currently chosen character of the player.In some embodiments, a representation of the player (e.g., a characteror avatar controlled by the player, or a weapon or vehicle that iscurrently controlled by the player, etc.) is also shown in interactionregion 102. In FIG. 1C, effect selection panel 118 includes a circularmenu of effect selection affordances 122 (e.g., skill selectionaffordances 122-1, 122-2, 122-3, 122-4, 122-5, etc. for different skills1 through x). In some embodiments, a method for selecting a gamecharacter for the player is also provided in a similar manner as theeffect selection process. Although FIGS. 1A-1C illustrate the contact120 being detected after button 114 is already displayed, in someembodiments, if the button 114 is not already displayed, detectingcontact 120 at a predefined location in the user interface 104 ordetecting an input by the contact that meets button display criteria(e.g., a touch-hold requirement or a press requirement is met by thecontact when no panel-display affordance is displayed) causes display ofbutton 114. In some embodiments, lift-off of contact 120 is not requiredto display button 114, and when a subsequent input by contact 120 meetspanel display criteria (e.g., another touch-hold requirement or anotherpress requirement while button 114 is displayed), effect selection panel118 is displayed. In some embodiments, the effect selection panel isarranged according to other formats, such as a grid or a list.

FIGS. 1C-1D illustrate that, while contact 120 is maintained ontouch-screen 112 after effect selection panel 118 is displayed, movementof contact 120 across touch-screen 112 is detected. In some embodiments,as shown in FIG. 1D, movement in the upper right direction (northeastdirection) of a reference location (e.g., the location of button 114 orthe initial location of contact 120) causes effect selection panel 118to scroll in a first direction (e.g., clockwise). FIGS. 1C-1E illustratethat, while contact 120 is maintained on touch-screen 112 after theeffect selection panel is displayed, movement of contact 120 across thetouch-screen 112 in the upper left direction (northwest direction) ofthe reference location causes effect selection panel 118 to scroll in asecond direction (e.g., counterclockwise). In some embodiments, themovement of contact 120 can be a rotation around a centroid of contact120, and a clockwise rotation of contact 120 causes the effect selectionpanel to scroll in a first direction (e.g., clockwise, or upward), and acounterclockwise rotation of contact 120 causes the effect selectionpanel to scroll in the opposite direction (e.g., counterclockwise, ordownward). In some embodiments, the movement of contact 120 can be arotation around a reference point outside of the contact 120, e.g.,within the region enclosed by the inner boundary of the circular ring ofeffect selection affordances 122.

FIGS. 1F-1G illustrate that, movement away from button 114, e.g., afterthe scrolling of the effect selection panel by movement within thecentral region of the effect selection panel near button 114, to a firsteffect selection affordance (e.g., effect selection affordance 122-3)for a first effect (e.g., “Skill 3”) causes the corresponding effect tobecome selected once effect selection criteria are met. In someembodiments, the effect selection criteria are met when a touch-holdrequirement or a press requirement is met by contact 120 while contact120 is detected over the first effect selection affordance 122-3. Insome embodiments, the effect selection criteria are met upon detectionof the contact 120 on the first effect selection affordance, and thefirst effect selection affordance remains selected until contact 120moves to another effect selection affordance in the effect selectionpanel or moves outside of the effect selection panel. In someembodiments, as shown in FIG. 1G, as soon as the first effect selectionaffordance 122-3 becomes selected by contact 120, the first selectionaffordance 122-3 is enlarged to indicate that it has been selected, anda subsequent application input by contact 120 would cause thecorresponding effect (e.g., “Skill 3”) to be applied to one or moretarget objects in interaction region 102. In some embodiments, as shownin FIG. 1G, once the first effect selection affordance 122-3 isselected, other effect selection affordances in effect selection panel118 ceases to be displayed. In some embodiments, the effect selectionpanel itself ceases to be displayed as well. In some embodiments, thefirst effect selection affordance 122-3 becomes a floating affordancethat is dragged across touch-screen 112 in accordance with the movementof contact 120.

In some embodiments, as shown in FIG. 1G, a position of effect, line ofeffect, or area of effect (e.g., location, line, or region that isaffected by the selected effect (e.g., an attack, a spell, etc.)) isvisually indicated in interaction region 102, and one or more targetobjects for the selected effect are visually indicated in interactionregion 102 as well. As shown in FIG. 1G, a line 124 is displayed linkingthe origin of the effect (e.g., a representation of the player (e.g., anavatar, weapon, or character that is currently controlled by the playerusing device 100), or the location of contact 120) and the region ofeffect and/or one or more target objects (e.g., target object 106′) ofthe region of effect (e.g., the nearest hostile character(s)). In someembodiments, the region of effect is visually indicated in theinteraction region as well (e.g., region of effect 126 is highlighted toindicate that Skill 3 will be applied to all eligible target objectswithin region 126). In some embodiments, device 100 automaticallyidentifies the eligible target objects for the selected effect, andbased on the location of the objects in the interaction region, thecharacteristics of the objects (e.g., hostile or friendly, strong orweak, more dangerous or less dangerous, etc.), and/or predefined gamestrategies (e.g., to preserve life, or to maximize rewards, etc.). Insome embodiments, the target objects that are identified for theselected effect is visually indicated as well (e.g., hostile character106 (now labeled as 106′) within the area of effect 126 is highlightedwith a changed appearance (e.g., becomes shimmering or transparent)).

FIG. 1G further illustrates that, in some embodiments, once the firsteffect selection affordance 122-3 is selected, a cancelation affordance128 is optionally displayed. Movement of contact 120 to cancelationaffordance 128 followed by lift-off of contact 120 will cancel thecurrent effect, and optionally restore display of effect selection panel118. In some embodiments, cancellation affordance 128 is only displayedupon detection of movement of contact 120 after the first effectselection affordance 122-3 has been selected, e.g., as shown in FIGS.1G-1H.

FIGS. 1G-1M illustrate adjustment of the effect position (e.g., byadjusting the direction, length, and/or size of the position/line/areaof effect) of the selected effect in accordance with movement of contact120.

In FIGS. 1G-1H, movement of the contact 120 while the first effectselection affordance 122-3 is selected causes the device to shift thetarget selection in accordance with the movement of contact 120. Forexample, once movement of contact 120 is detected, arrows appear aroundeffect selection affordance 122-3 or contact 120 to indicate thatleftward movement will increase the length of the line of effect andreach a target farther away from contact 120, rightward movement willdecrease the length of the line of effect and reach a target closer tocontact 120, upward movement of contact 120 will cause the line ofeffect to shift upward to select a target in a higher portion of theinteraction region, and downward movement of contact 120 will cause theline of effect to select a target in a lower portion of the interactionregion. In some embodiments, movement of contact 120 causes a change inthe direction of the line of effect 124 (e.g., in FIGS. 1H-1I and1J-1K); in some embodiments, movement of contact 120 causes movement ofthe end position of the line of effect 124 (e.g., as shown in FIGS.1L-1M); and in some embodiments, movement of contact 120 causes a changein the size of area of effect 126 (e.g., as shown in FIGS. 1I-1J, and1K-1L). In some embodiments, the changes to the end position of theline/area of effect, the direction of the line of effect, and the sizeof the area of effect are also determined based on the changes that areoccurring in interaction region 102 (e.g., movement of characters,creatures, actions and effects applied by other characters and players,events that are occurring in the game, etc.).

In some embodiments, eligible target objects (e.g., hostile charactersthat are vulnerable to the currently selected effect) all attract theline of effect and the region that includes the most powerful, or mostvulnerable, or the most number of target objects will win and become theactual target objects that are selected for the effect, until additionalmovement is detected to adjust the currently selected targets. In someembodiments, the line of effect has a predefined trajectory andinteraction region 102 is divided into predefined regions based on thepower of the selected effect (e.g., affects a single region, a column oftwo regions, a row of three regions, etc.), and when the end of line ofeffect is anywhere within one of the predefined regions, it isautomatically attracted to the center of the region or one of theeligible targets in the region, and all eligible target objects withinthe region are selected as target objects for the effect. For example,as shown in FIGS. 1J and 1K, even though the end of line of effect 124is connected to only one eligible target, both of the eligible targets116′ in the column of two predefined regions (forming a combined area ofeffect 126) will be affected by the effect when the effect is applied.As shown in FIGS. 1L and 1M, even though the end of line of effect 124is connected to only one eligible target, all three of the eligibletargets 116″ in the row of three predefined regions (forming a combinedarea of effect 126) will be affected by the effect when the effect isapplied.

FIGS. 1N-1P illustrate an example process for canceling selection offirst effect selection affordance 122-3 without actually applying theeffect corresponding to the first effect selection affordance. In someembodiments, as shown in FIG. 1N, when movement of contact 120 is towardcancelation affordance 128, the end of the line of effect is optionallyremoved from the eligible objects within interaction region 102. In someembodiments, if lift-off of contact 120 is detected when there is noeligible objects identified or selected within the interaction region,the selection of the first selection affordance is canceled and noeffect is applied. In some embodiments, button 114 is optionallydisplayed again after the effect selection is canceled.

FIGS. 1N-1O illustrate that when contact 120 moves to the cancellationaffordance 128, cancellation affordance 128 is highlighted (e.g.,optionally after a touch-hold requirement or press requirement is met bycontact 120 while contact 120 is over the cancelation affordance 120) toindicate that it has now become selected in lieu of the first effectselection affordance 122-3. In some embodiments, once cancellationaffordance 128 is selected by contact 120, first effect selectionaffordance 122-3 ceases to be displayed. FIG. 1P illustrates that,lift-off of contact 120 is detected while cancellation affordance 128 isselected; and upon lift-off of contact 120, no effect is applied to theobjects in interaction region 102. In some embodiments, button 114 isredisplayed (e.g., in a manner as shown in FIG. 1A). In someembodiments, button 114 is not redisplayed until another contact isdetected and meets the button display criteria for displaying button 114(e.g., contact is detected in a predefined region and/or meets apredefined gesture pattern and/or time and/or intensity requirement).

FIG. 1Q illustrates that, if instead of moving to cancellationaffordance 128 and lifting off while contact 120 is on cancellationaffordance 128, the user lifts off the contact while the first effectselection affordance 122-3 is selected as shown in FIG. 1M, the effectcorresponding to the first effect selection affordance 122-3 is appliedto the three target objects 106′ that are currently within the area ofeffect 126 of the selected effect (e.g., the hostile characters 106′ areattacked by Skill 3, and become petrified or otherwise incur damages inaccordance with their characteristics and their predefined responses toSkill 3 (e.g., hostile characters 106 that are affected by the effectare now labeled as 106″ in FIG. 1Q)). In some embodiments, differenttypes of target objects respond to the application of the effectdifferently, and may have different changes in their respectivecharacteristics, statuses, behaviors, and states.

FIG. 2 is a flow diagram illustrating a method 200 of providing gamecontrols in accordance with some embodiments. The method 200 isperformed at an electronic device (e.g., device 100, FIG. 1A) with adisplay and a touch-sensitive surface. In some embodiments, theelectronic device includes one or more sensors to detect intensity ofcontacts with the touch-sensitive surface. In some embodiments, thetouch-sensitive surface and the display are integrated into atouch-sensitive display. In some embodiments, the display is atouch-screen display and the touch-sensitive surface is on or integratedwith the display. In some embodiments, the display is separate from thetouch-sensitive surface. Some operations in method 200 are, optionally,combined and/or the order of some operations is, optionally, changed.

In method 200, device 100 displays (202) the effect selection panel(e.g., effect selection panel 118 in FIG. 1C), e.g., in response to apredefined input by a contact or gesture (e.g., as shown in FIGS. 1A-1Cor accompanying descriptions). After the effect selection panel isdisplayed, device 100 determines (204) whether the same contact is nowdetected over an effect selection affordance (e.g., one of the effectselection affordances 122) in the effect selection panel. In someembodiments, if display of the effect selection panel is maintainedwithout requiring a continuously maintained contact, the device simplydetermines whether a contact is detected over an effect selectionaffordance, and does not require the contact to be the same contact thattriggered the display of the effect selection panel in the first place.If the device determines that the contact is not currently detectedwithin the effect selection panel, then the device determines (206)whether the contact is currently detected outside of the effectselection panel. If the device determines that the contact is currentlydetected outside of the effect selection panel, the device ends (216)the process, and optionally ceases to display the effect selectionpanel. If the device determines that the contact is currently detectedwithin the effect selection panel, the device continues to monitor themovement of the contact (e.g., go back to step 202) and determines (204)whether the contact is currently detected on an effect selectionaffordance within the effect selection panel. If the device determinesthat the contact is currently detected on an effect selection affordancewithin the effect selection panel (e.g., as shown in FIG. 1G), thedevice selects the effect selection affordance (e.g., in accordance withtime or intensity requirement), and adjusts (208) the position/line/areaof effect and identifies target objects in the interaction region inaccordance with movement of the contact (e.g., as shown in FIGS. 1G-1M).The device then determines (210) whether lift-off of the contact isdetected while one or more target objects are selected. If the devicedetermines that lift-off of the contact is detected while one or moretarget objects are selected, the device applies (214) the selectedeffect to the selected target objects (e.g., as shown in FIGS. 1M and1Q), and the process ends (216). If the device determines that lift-offof the contact is detected before one or more target objects areselected or when no target objects are selected, the device determines(212) whether the contact has moved to the cancelation affordance whenlift-off of the contact is detected. In some embodiments, if the devicedetermines that the contact has not moved to the cancelation affordancewhen lift-off of the contact is detected, the device still applies (214)the selected effect to the last selected target objects. If the devicedetermines that the contact has moved to the cancellation affordancewhen lift-off of the contact is detected, the device forgoingapplication of the selected effect and ends (216) the process (e.g., asshown in FIGS. 1N-1P). More details of the process 200 are provided withrespect to FIGS. 1A-1Q and accompanying descriptions, and method 300below.

FIGS. 3A-3D are flow diagrams illustrating a method 300 of providinggame controls (e.g., displaying, browsing, selecting and applyingeffects to game objects), in accordance with some embodiments. Themethod 300 is performed at an electronic device (e.g., device 100, FIG.1A) with a display and a touch-sensitive surface. In some embodiments,the electronic device includes one or more sensors to detect intensityof contacts with the touch-sensitive surface. In some embodiments, thetouch-sensitive surface and the display are integrated into atouch-sensitive display. In some embodiments, the display is atouch-screen display and the touch-sensitive surface is on or integratedwith the display. In some embodiments, the display is separate from thetouch-sensitive surface. Some operations in method 300 are, optionally,combined and/or the order of some operations is, optionally, changed.

In some embodiments, method 300 is performed at a device having adisplay and a touch-sensitive surface (e.g., a touch-screen display thatserves both as the display and the touch-sensitive surface). The devicedisplays (302) a user interface (e.g., user interface 104) of a firstapplication (e.g., a gaming application for a role playing game, a boardgame, a one person shooter game, a strategy game, etc.), includingdisplaying an interaction region (e.g., a game board or a scene in agame) that includes one or more objects (e.g., game characters,creatures, enemies, treasures, inanimate objects, items, puzzles, gamepieces, etc.). In some embodiments, the one or more objects (e.g.,hostile characters 106, friendly characters 108, and neutral characters110 in FIG. 1A) have predefined characteristics and behaviors, and moveand/or change their appearances and/or actions in accordance with whatis happening within the interaction region and predefined game rules andlogic. In some embodiments, some objects may disappear or move out ofthe interaction region (e.g., the visible portion of the user interfaceor game scene) and additional objects may appear in the interactionregion, for example, as a result of what is happening within theinteraction region and/or predefined game rules and logic. In someembodiments, the background of the interaction region is an animatedgame scene, and the game scene evolves in accordance with predefinedstoryline, game rules and logic, and/or the interactions that areoccurring in the interaction region.

While displaying the interaction region (e.g., interaction region 102),the device displays (304) an effect selection panel (e.g., effectselection panel 118 in FIG. 1C) that includes a plurality of effectselection affordances (e.g., effect selection affordances 122 in FIG.1C) that correspond to different predefined effects (e.g., a type ofattack, a type of skill, a type of effect, a type of status, a type ofability, etc.) that are applicable to one or more of the interactionobjects currently displayed in the interaction region (e.g., to cause achange in the actions, states, status, abilities, behaviors,characteristics, and/or appearances of the interactive objects that areeligible targets of the selected effect(s) and are within the line ofeffect (LOE) (or position of effect, or area of effect) of the selectedeffects). In some embodiments, the effect selection panel is displayedin response to an input (e.g., a selection of a predefined affordance(e.g., panel display affordance 114 in FIG. 1B) that is concurrentlydisplayed with the interaction region, or detection of a contact in apredefined region of the display, detection of a predefined gesture by acontact, etc.). In some embodiment, the effect selection panel isdisplayed as part of the user interface without requiring any userinput.

While displaying the interaction region, the device detects (306) asequence of one or more inputs, wherein detecting the sequence of one ormore inputs includes detecting a first contact (e.g., contact 120) onthe touch-sensitive surface, and detecting movement of the first contactacross the touch-sensitive surface.

In response to detecting the sequence of one or more inputs (308): inaccordance with a determination that the sequence of one or more inputsmeets effect selection criteria with respect to a first effect selectionaffordance (e.g., effect selection affordance 122-3 in FIG. 1F) of theplurality of effect selection affordance, the device displays a firstvisual indication that indicates selection of the first effect selectionaffordance (e.g., displaying the first visual indication includeshighlighting the first effect selection affordance, and/or ceasing todisplay other effect selection affordances while maintaining display ofthe first effect selection affordance or a variant thereof, e.g., asshown in FIGS. 1F-1G) (e.g., when the first effect selection affordanceis selected, a first effect corresponding to the first selectionaffordance becomes ready for application on one or more target objectsupon subsequent detection of an activation input); and in accordancewith a determination that effect adjustment criteria are met withrespect to a first effect (e.g., “Skill 3”) corresponding to the firsteffect selection affordance (e.g., effect selection affordance 122-3),wherein the effect adjustment criteria require that, while the firsteffect selection affordance remains selected (e.g., after the firsteffect selection affordance is selected in response to an earlierselection input by the first contact), the first contact moves acrossthe touch-sensitive surface from the first location to a second locationthat is different from the first location (e.g., movement away from thefirst selection affordance after the first selection affordance has beenselected by the first contact) in order for the effect adjustmentcriteria to be met, the device displays a second visual indication toindicate adjustment of an effect position corresponding to the firsteffect in accordance with the movement of the first contact from thefirst location to the second location (e.g., as indicated by movement ofa visible line of effect or movement of a zone or area of effect (e.g.,a spotlight defining the region within which an eligible target objectwill be affected by the first effect when the activation input isdetected)). This is illustrated in FIGS. 1G-1M, for example. In someembodiments, in accordance with a determination that the effectadjustment criteria are not met with respect to the first effect (e.g.,when the first effect selection affordance was not selected by the firstcontact before the first contact moved from the first location to thesecond location, or when the first contact did not move after theselecting the first effect selection affordance), the device forgoesdisplaying the second visual effect to indicate the adjustment of theeffect position corresponding to the first effect in accordance with themovement of the first contact from the first location to the secondlocation. For example, if movement of the first contact is detectedwhile the first effect selection affordance is not selected, the devicemay move the focus selector (e.g., the first contact or a visualindication of the first contact on the display) from the first effectselection affordance to another effect selection affordance inaccordance with the movement of the first contact. In some embodiments,the selection affordance under the focus selector is highlighted in amanner (e.g., highlighted in a different manner from the highlighting ofthe effect selection affordance in a selected state) to indicate apre-selection state of the selection affordance. A pre-selected effectselection affordance becomes selected when the effect selection criteriaare met with respect to the pre-selected effect selection affordance.

In some embodiments, prior to displaying the effect selection panel, thedevice displays (310), in the user interface of the first application, apanel-display affordance (e.g., displaying a game effect icon (e.g.,button 114 in FIG. 1A) overlaid on the interaction region), wherein thepanel-display affordance corresponds to the effect selection panel,wherein: detecting the sequence of one or more inputs includes detectingthe first contact at a location on the touch-sensitive surface thatcorresponds to the panel-display affordance (e.g., detecting initialtouch-down of the first contact (e.g., contact 120) over thepanel-display affordance (e.g., button 114 in FIG. 1B)), and detectingfirst movement of the first contact from the location that correspondsto the panel-display affordance to the first location that correspondsto the first effect selection affordance (e.g., the first contact iscontinuously maintained on the touch-sensitive surface when triggeringthe display of the effect selection panel, selecting the first effectselection affordance after the effect selection panel is displayed, andadjusting the first effect after selection of the first effect selectionaffordance); This is illustrated in FIGS. 1B-1C and 1F, where contact120 is continuously maintained throughout the duration of the inputs.The effect selection panel is displayed in response to detecting thefirst contact at the location on the touch-sensitive surface thatcorresponds to the panel-display affordance (e.g., before the lift-offor movement of the first contact is detected, and while the firstcontact is continuously maintained on the touch-screen). This isillustrated in FIGS. 1B-1C, for example. In some embodiments, the effectselection panel is displayed in response to the first contact beingmaintained at its initial touch-down location with less than a thresholdamount of movement for at least a threshold amount of time (e.g., atouch-hold requirement is met by contact 120 while the contact 120 isdetected on the button 114 in FIG. 1C). In some embodiments, the effectselection panel is displayed after the first contact moves from itsinitial touch-down location to the panel-display affordance (e.g.,button 114) and is maintained over the panel-display affordance withless than a threshold amount of movement for more than a thresholdamount of time. In some embodiments, the requirement for holding thefirst contact over the panel-display affordance for at least a thresholdamount of time is replaced with a requirement for pressing on thepanel-display affordance with an intensity exceeding a predefined pressintensity threshold (e.g., an intensity threshold greater than thecontact detection intensity threshold). In some embodiments, if theinitial touch-down location of the first contact is not at a locationthat corresponds to the panel-display affordance, the device forgoesdisplaying the effect selection panel. In some embodiments, if thepanel-display criteria are not met (e.g., the first contact is notmaintained over the panel-display affordance with less than thepredefined amount of time, or the intensity of the first contact did notexceed the required press intensity threshold while the first contact isdetected over the panel-display affordance), the device forgoesdisplaying the effect selection panel.

In some embodiments, in response to detecting the sequence of one ormore inputs: in accordance with the determination that the sequence ofone or more inputs meets the effect selection criteria with respect tothe first effect selection affordance of the plurality of selectionaffordances, the device displays (312) a third visual indication thatindicates at least one target object of the first effect thatcorresponds to the first effect selection affordance, wherein the atleast one target object (e.g., target objects 106′ in FIG. 1G) isselected from one or more objects currently visible in the interactionregion in accordance with predefined target selection criteriacorresponding to the first effect. In some embodiments, the predefinedtarget selection criteria corresponding to the first effect specifies amaximum number of concurrently selected targets for the first effect(e.g., a single target at a time, or a maximum of five targets at atime, or a single row of targets at a time, etc.). In some embodiments,the predefined target selection criteria require that only certain typesof objects (e.g., only certain types of characters, creatures, enemies,allies, items, and/or game objects, etc.) are eligible targets for thefirst effect. In some embodiments, the predefined target selectioncriteria require that only eligible targets within a threshold range ofa reference location (e.g., the location of the first contact, or thelocation of the character, weapon, or item that is currently controlledby the user) can be selected as targets of the first effect. In someembodiments, the predefined target selection criteria select one or moretargets in accordance with a set of default rules when the first effectselection affordance becomes selected by the first contact. For example,upon selection of the first effect selection affordance, one or moreobjects that are eligible targets for the first effect (e.g., of theobject type(s) that can be affected by the first effect) and that areclosest to a predefined reference location (e.g., the location of thefirst contact or the location of the character/weapon/game object thatis currently controlled by the user) become selected as the initialtargets for the first effect by default (e.g., before any movement ofthe first contact is detected to adjust the effect position of the firsteffect). This is illustrated in FIG. 1G, for example.

In some embodiments, displaying the second visual indication to indicateadjustment of the effect position corresponding to the first effect inaccordance with the movement of the first contact from the firstlocation to the second location includes (314) one or more of: (1)moving a line of effect (e.g., line 124 in FIGS. 1G-1M) corresponding tothe first effect in accordance with the movement of the first contact(e.g., contact 120) from the first location to the second location; (2)changing a size and/or location of a zone of effect (e.g., area ofeffect 126) corresponding to the first effect in accordance with themovement of the first contact from the first location to the secondlocation; and (3) changing an identity and/or count of the currentlyselected targets for the first effect in accordance with the movement ofthe first contact from the first location to the second location. Insome embodiments, moving the first contact changes the direction of theline of effect (e.g., the direction of the line of effect rotates aroundthe predefined reference location in accordance with movement of thefirst contact in the clockwise or counter-clockwise direction). This isillustrated in FIGS. 1H-1I, for example. In some embodiments, moving thefirst contact changes the position of the zone of effect of the firsteffect (e.g., the zone of effect moves in a direction in accordance withthe movement direction and movement distance of the first contact). Insome embodiments, moving the first contact expands or contracts the zoneof effect of the first effect (e.g., the zone of effect expands orcontracts in accordance with the movement direction and movementdistance of the first contact). This is illustrated in FIGS. 1I-1J,1J-1K, 1K-1L, and 1L-1M, for example. In some embodiments, as a resultof moving the line of effect or changing the location and/or size of thezone of effect of the first effect in accordance with the movement ofthe first contact, different objects and/or different number of objectsin the interaction region become selected as targets for the firsteffect. In some embodiments, the line of effect (e.g., line 124) or zoneof effect (e.g., area 126) of the first effect is visually indicated inthe interaction region. In some embodiments, the line of effect or zoneof effect are visibly indicated in the interaction region, and thecurrently selected target objects are visually identified in theinteraction region. This is illustrated in FIGS. 1G-1M, for example.

In some embodiments, the effect selection criteria include (316) acriterion that is met when the first contact is detected at the firstlocation on the touch-sensitive surface that corresponds to the firsteffect selection affordance (e.g., when detecting the first contact atthe first location includes detecting the first contact at the firstlocation upon touch-down of the first contact when the effect selectionpanel is already displayed in the user interface, or detectingtouch-down of the first contact at an initial location (e.g., at alocation that corresponds to an affordance (e.g., button 114) fortriggering display of the effect selection panel) that is different fromthe first location, and detecting movement of the first contact from itsinitial touch-down location to the first location (e.g., the locationthat corresponds to the first effect selection affordance (e.g., effectselection affordance 122-3) in the effect selection panel)). In someembodiments, the effect selection criteria are met with respect to thefirst effect selection affordance when the first contact is detectedover the first effect selection affordance in the effect selection panelwith less than a threshold amount of movement for at least a thresholdamount time, or when an increase in intensity of the first contactexceeds a predefined press intensity threshold while the first contactis detected over the first effect selection affordance in the effectselection panel). In some embodiments, in accordance with adetermination that the sequence of one or more inputs does not meet theeffect selection criteria with respect to the first effect selectionaffordance, the device forgoes displaying the first visual indicationthat indicates the selection of the first effect selection affordance.For example, the effect selection criteria are not met (1) when thefirst contact is not detected over the first effect selection affordancewith less than the threshold amount of movement for at least thethreshold amount of time (e.g., when the movement path of the firstcontact never overlapped with the first effect selection affordance, orwhen the first contact merely went past the first effect selectionaffordance but did not remain over the first effect selection affordancefor the threshold amount of time) and the effect selection criteriarequire a touch-hold input to be detected over a respective effectselection affordance, or (2) when the first contact merely remained overthe first effect selection affordance but did not meet the requiredpress intensity threshold and the effect selection criteria require apress input to be detected over a respective effect selectionaffordance.

In some embodiments, detecting the sequence of one or more inputsincludes (318) detecting initial movement of the first contact while theeffect selection panel is displayed, and the effect selection criteriainclude a criterion that is met when an initial movement of the firstcontact (e.g., movement of the first contact that was detected beforethe first effect selection affordance becomes selected) causes the firsteffect selection affordance to be moved from an initial display locationof the first effect selection affordance across the display to apredefined affordance selection region of the effect selection panel.

In some embodiments, detecting the sequence of one or more inputsinclude detecting initial movement of the first contact while the effectselection panel is displayed, and the method includes (320): in responseto detecting the initial movement of the first contact: in accordancewith a determination that the initial movement of the first contactmeets first movement criteria (e.g., the first movement criteria requirethat the initial movement of the first contact is in a first movementdirection (e.g., with increasing absolute x value in the positive xdirection accompanied by increasing absolute y value in the positive ydirection or increasing absolute y value in the negative y directionrelative to the touch-down location of the first contact)), scrollingthe plurality of effect selection affordances in the effect selectionpanel in a first scroll direction (e.g., rotating a circular arrangementof the plurality of effect selection affordances in the effect selectionpanel in a clockwise direction (or counter-clockwise direction), ormoving a vertical or horizontal list of the plurality of effectselection affordances in the effect selection panel in upward (ordownward) or leftward (or rightward)); and in accordance with adetermination that the initial movement of the first contact meetssecond movement criteria that are distinct from the first movementcriteria (e.g., the second movement criteria require that the initialmovement of the first contact is in a second movement direction (e.g.,with increasing absolute x value in the negative x direction accompaniedby increasing absolute y value in the positive y direction or increasingabsolute y value in the negative y direction relative to the touch-downlocation of the first contact)), scrolling the plurality of effectselection affordances in the effect selection panel in a second scrolldirection that is opposite the first scroll direction (e.g., rotatingthe circular arrangement of the plurality of effect selectionaffordances in the effect selection panel in a counter-clockwisedirection (or clockwise direction), or moving a vertical or horizontallist of the plurality of effect selection affordances in the effectselection panel in downward (or upward) or rightward (or leftward)).This is illustrated in FIGS. 1C-1E, for example.

In some embodiments, detecting the sequence of one or more inputsincludes detecting lift-off of the first contact, and the methodincludes (322): in response to detecting the lift-off of the firstcontact: in accordance with a determination that effect applicationcriteria are met with respect to the first effect by the sequence of oneor more inputs, wherein the effect application criteria require that thelift-off of the first contact is detected while the first effectselection affordance is selected and while at least one target iscurrently identified in the interaction region for the first effect inorder for the effect application criteria to be met with respect to thefirst effect, applying the first effect to the at least one target thatis currently identified in the interaction region (e.g., releasing anattack, or skill, or status that corresponds to the first effectselection affordance to the interactive object(s) that are selected asthe target(s) for the first effect at the time that the lift-off of thefirst contact is detected) (this is illustrated in FIGS. 1M and 1Q, forexample); and in accordance with a determination that effect cancelationcriteria are met with respect to the first effect by the sequence of oneor more inputs, wherein the effect cancelation criteria require that thelift-off of the first contact is detected while the effect applicationaffordance is no longer selected or while no target is currentlyidentified in the interaction region (e.g., for the first effect or anyother effect) in order for the effect cancelation criteria to be met,forgoing application of the first effect that corresponds to the firsteffect selection affordance. In some embodiments, after lift-off of thefirst contact is detected, the device ceases to display the first effectselection affordance and, optionally, the effect selection panel (if theeffect selection panel was displayed in response to detection of thefirst contact) (this is illustrated in FIGS. 1O-1P, for example).

It should be understood that the particular order in which theoperations in FIGS. 3A-3D have been described is merely an example andis not intended to indicate that the described order is the only orderin which the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,method 200) are also applicable in an analogous manner to method 300described above with respect to FIGS. 3A-3D. For example, the contacts,gestures, user interface objects, intensity thresholds, focus selectors,and/or animations described above with reference to method 300optionally have one or more of the characteristics of the contacts,gestures, user interface objects, intensity thresholds, focus selectors,and/or animations described herein with reference to other methodsdescribed herein (e.g., method 200). For brevity, these details are notrepeated here.

The operations in the information processing methods described aboveare, optionally, implemented by running one or more functional modulesin information processing apparatus such as general purpose processors(e.g., as described above with respect to FIGS. 1A and 4) or applicationspecific chips. The operations described above with reference to FIGS.3A-3D are, optionally, implemented by components depicted in FIGS. 1Aand 4.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the invention and its practical applications, to therebyenable others skilled in the art to best use the invention and variousdescribed embodiments with various modifications as are suited to theparticular use contemplated.

What is claimed is:
 1. A method of enabling object interactions at an electronic device having a display and a touch-sensitive surface, the method comprising: displaying a user interface of a first application, including displaying an interaction region that includes one or more objects; while displaying the interaction region, displaying an effect selection panel that includes a plurality of effect selection affordances that correspond to different predefined effects that are applicable to one or more of the interaction objects currently displayed in the interaction region; while displaying the interaction region, detecting a sequence of one or more inputs, wherein detecting the sequence of one or more inputs includes detecting a first contact on the touch-sensitive surface, and detecting movement of the first contact across the touch-sensitive surface; and in response to detecting the sequence of one or more inputs: in accordance with a determination that the sequence of one or more inputs meets effect selection criteria with respect to a first effect selection affordance of the plurality of effect selection affordance, displaying a first visual indication that indicates selection of the first effect selection affordance; and in accordance with a determination that effect adjustment criteria are met with respect to a first effect corresponding to the first effect selection affordance, wherein the effect adjustment criteria require that, while the first effect selection affordance remains selected, the first contact moves across the touch-sensitive surface from the first location to a second location that is different from the first location in order for the effect adjustment criteria to be met, displaying a second visual indication to indicate adjustment of an effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location.
 2. The method of claim 1, including: prior to displaying the effect selection panel, displaying, in the user interface of the first application, a panel-display affordance, wherein the panel-display affordance corresponds to the effect selection panel, wherein: detecting the sequence of one or more inputs includes detecting the first contact at a location on the touch-sensitive surface that corresponds to the panel-display affordance, and detecting first movement of the first contact from the location that corresponds to the panel-display affordance to the first location that corresponds to the first effect selection affordance; and the effect selection panel is displayed in response to detecting the first contact at the location on the touch-sensitive surface that corresponds to the panel-display affordance.
 3. The method of claim 1, including in response to detecting the sequence of one or more inputs: in accordance with the determination that the sequence of one or more inputs meets the effect selection criteria with respect to the first effect selection affordance of the plurality of selection affordances, displaying a third visual indication that indicates at least one target object of the first effect that corresponds to the first effect selection affordance, wherein the at least one target object is selected from one or more objects currently visible in the interaction region in accordance with predefined target selection criteria corresponding to the first effect.
 4. The method of claim 1, wherein displaying the second visual indication to indicate adjustment of the effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location includes one or more of: (1) moving a line of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; (2) changing a size and/or location of a zone of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; and (3) changing an identity and/or count of the currently selected targets for the first effect in accordance with the movement of the first contact from the first location to the second location.
 5. The method of claim 1, wherein the effect selection criteria include a criterion that is met when the first contact is detected at the first location on the touch-sensitive surface that corresponds to the first effect selection affordance.
 6. The method of claim 1, wherein detecting the sequence of one or more inputs includes detecting initial movement of the first contact while the effect selection panel is displayed, and the effect selection criteria include a criterion that is met when an initial movement of the first contact causes the first effect selection affordance to be moved from an initial display location of the first effect selection affordance across the display to a predefined affordance selection region of the effect selection panel.
 7. The method of claim 1, wherein detecting the sequence of one or more inputs include detecting initial movement of the first contact while the effect selection panel is displayed, and the method includes: in response to detecting the initial movement of the first contact: in accordance with a determination that the initial movement of the first contact meets first movement criteria, scrolling the plurality of effect selection affordances in the effect selection panel in a first scroll direction; and in accordance with a determination that the initial movement of the first contact meets second movement criteria that are distinct from the first movement criteria, scrolling the plurality of effect selection affordances in the effect selection panel in a second scroll direction that is opposite the first scroll direction.
 8. The method of claim 1, wherein detecting the sequence of one or more inputs includes detecting lift-off of the first contact, and the method includes: in response to detecting the lift-off of the first contact: in accordance with a determination that effect application criteria are met with respect to the first effect by the sequence of one or more inputs, wherein the effect application criteria require that the lift-off of the first contact is detected while the first effect selection affordance is selected and while at least one target is currently identified in the interaction region for the first effect in order for the effect application criteria to be met with respect to the first effect, applying the first effect to the at least one target that is currently identified in the interaction region; and in accordance with a determination that effect cancelation criteria are met with respect to the first effect by the sequence of one or more inputs, wherein the effect cancelation criteria require that the lift-off of the first contact is detected while the effect application affordance is no longer selected or while no target is currently identified in the interaction region in order for the effect cancelation criteria to be met, forgoing application of the first effect that corresponds to the first effect selection affordance.
 9. An electronic device, comprising: a display; a touch-sensitive surface; one or more processors; memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors and perform a plurality of operations including: displaying a user interface of a first application, including displaying an interaction region that includes one or more objects; while displaying the interaction region, displaying an effect selection panel that includes a plurality of effect selection affordances that correspond to different predefined effects that are applicable to one or more of the interaction objects currently displayed in the interaction region; while displaying the interaction region, detecting a sequence of one or more inputs, wherein detecting the sequence of one or more inputs includes detecting a first contact on the touch-sensitive surface, and detecting movement of the first contact across the touch-sensitive surface; and in response to detecting the sequence of one or more inputs: in accordance with a determination that the sequence of one or more inputs meets effect selection criteria with respect to a first effect selection affordance of the plurality of effect selection affordance, displaying a first visual indication that indicates selection of the first effect selection affordance; and in accordance with a determination that effect adjustment criteria are met with respect to a first effect corresponding to the first effect selection affordance, wherein the effect adjustment criteria require that, while the first effect selection affordance remains selected, the first contact moves across the touch-sensitive surface from the first location to a second location that is different from the first location in order for the effect adjustment criteria to be met, displaying a second visual indication to indicate adjustment of an effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location.
 10. The electronic device of claim 9, wherein the plurality of operations further include: prior to displaying the effect selection panel, displaying, in the user interface of the first application, a panel-display affordance, wherein the panel-display affordance corresponds to the effect selection panel, wherein: detecting the sequence of one or more inputs includes detecting the first contact at a location on the touch-sensitive surface that corresponds to the panel-display affordance, and detecting first movement of the first contact from the location that corresponds to the panel-display affordance to the first location that corresponds to the first effect selection affordance; and the effect selection panel is displayed in response to detecting the first contact at the location on the touch-sensitive surface that corresponds to the panel-display affordance.
 11. The electronic device of claim 9, wherein the plurality of operations further include: in response to detecting the sequence of one or more inputs: in accordance with the determination that the sequence of one or more inputs meets the effect selection criteria with respect to the first effect selection affordance of the plurality of selection affordances, displaying a third visual indication that indicates at least one target object of the first effect that corresponds to the first effect selection affordance, wherein the at least one target object is selected from one or more objects currently visible in the interaction region in accordance with predefined target selection criteria corresponding to the first effect.
 12. The electronic device of claim 9, wherein displaying the second visual indication to indicate adjustment of the effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location includes one or more of: (1) moving a line of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; (2) changing a size and/or location of a zone of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; and (3) changing an identity and/or count of the currently selected targets for the first effect in accordance with the movement of the first contact from the first location to the second location.
 13. The electronic device of claim 9, wherein the effect selection criteria include a criterion that is met when the first contact is detected at the first location on the touch-sensitive surface that corresponds to the first effect selection affordance.
 14. The electronic device of claim 9, wherein detecting the sequence of one or more inputs includes detecting initial movement of the first contact while the effect selection panel is displayed, and the effect selection criteria include a criterion that is met when an initial movement of the first contact causes the first effect selection affordance to be moved from an initial display location of the first effect selection affordance across the display to a predefined affordance selection region of the effect selection panel.
 15. The electronic device of claim 9, wherein detecting the sequence of one or more inputs include detecting initial movement of the first contact while the effect selection panel is displayed, and the method includes: in response to detecting the initial movement of the first contact: in accordance with a determination that the initial movement of the first contact meets first movement criteria, scrolling the plurality of effect selection affordances in the effect selection panel in a first scroll direction; and in accordance with a determination that the initial movement of the first contact meets second movement criteria that are distinct from the first movement criteria, scrolling the plurality of effect selection affordances in the effect selection panel in a second scroll direction that is opposite the first scroll direction.
 16. The electronic device of claim 9, wherein detecting the sequence of one or more inputs includes detecting lift-off of the first contact, and the method includes: in response to detecting the lift-off of the first contact: in accordance with a determination that effect application criteria are met with respect to the first effect by the sequence of one or more inputs, wherein the effect application criteria require that the lift-off of the first contact is detected while the first effect selection affordance is selected and while at least one target is currently identified in the interaction region for the first effect in order for the effect application criteria to be met with respect to the first effect, applying the first effect to the at least one target that is currently identified in the interaction region; and in accordance with a determination that effect cancelation criteria are met with respect to the first effect by the sequence of one or more inputs, wherein the effect cancelation criteria require that the lift-off of the first contact is detected while the effect application affordance is no longer selected or while no target is currently identified in the interaction region in order for the effect cancelation criteria to be met, forgoing application of the first effect that corresponds to the first effect selection affordance.
 17. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display and a touch-sensitive surface, cause the electronic device to perform a plurality of operations including: displaying a user interface of a first application, including displaying an interaction region that includes one or more objects; while displaying the interaction region, displaying an effect selection panel that includes a plurality of effect selection affordances that correspond to different predefined effects that are applicable to one or more of the interaction objects currently displayed in the interaction region; while displaying the interaction region, detecting a sequence of one or more inputs, wherein detecting the sequence of one or more inputs includes detecting a first contact on the touch-sensitive surface, and detecting movement of the first contact across the touch-sensitive surface; and in response to detecting the sequence of one or more inputs: in accordance with a determination that the sequence of one or more inputs meets effect selection criteria with respect to a first effect selection affordance of the plurality of effect selection affordance, displaying a first visual indication that indicates selection of the first effect selection affordance; and in accordance with a determination that effect adjustment criteria are met with respect to a first effect corresponding to the first effect selection affordance, wherein the effect adjustment criteria require that, while the first effect selection affordance remains selected, the first contact moves across the touch-sensitive surface from the first location to a second location that is different from the first location in order for the effect adjustment criteria to be met, displaying a second visual indication to indicate adjustment of an effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location.
 18. The non-transitory computer readable storage medium of claim 17, wherein the plurality of operations further include: prior to displaying the effect selection panel, displaying, in the user interface of the first application, a panel-display affordance, wherein the panel-display affordance corresponds to the effect selection panel, wherein: detecting the sequence of one or more inputs includes detecting the first contact at a location on the touch-sensitive surface that corresponds to the panel-display affordance, and detecting first movement of the first contact from the location that corresponds to the panel-display affordance to the first location that corresponds to the first effect selection affordance; and the effect selection panel is displayed in response to detecting the first contact at the location on the touch-sensitive surface that corresponds to the panel-display affordance.
 19. The non-transitory computer readable storage medium of claim 17, wherein the plurality of operations further include: in response to detecting the sequence of one or more inputs: in accordance with the determination that the sequence of one or more inputs meets the effect selection criteria with respect to the first effect selection affordance of the plurality of selection affordances, displaying a third visual indication that indicates at least one target object of the first effect that corresponds to the first effect selection affordance, wherein the at least one target object is selected from one or more objects currently visible in the interaction region in accordance with predefined target selection criteria corresponding to the first effect.
 20. The non-transitory computer readable storage medium of claim 17, wherein displaying the second visual indication to indicate adjustment of the effect position corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location includes one or more of: (1) moving a line of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; (2) changing a size and/or location of a zone of effect corresponding to the first effect in accordance with the movement of the first contact from the first location to the second location; and (3) changing an identity and/or count of the currently selected targets for the first effect in accordance with the movement of the first contact from the first location to the second location. 